import styled from "styled-components";
const HeaderStyle = styled.div`
width: 100%;

flex-wrap:wrap;
.p_box{
  display: block;
  padding-left: 18px;
  padding-bottom: 14px;
  padding-top: 14px;
  border-bottom: 1px solid #E9E9E9;
}

.header_box{
  display: flex;
  justify-content: space-around;
  .ant-form-item-control{
    flex: 1;
    
  }
  .ant-select-selector{
    width: 80px;

  }
  .select_it2 .ant-select-selector{
    width: 180px;

  }
  .ant-row .ant-form-item{
    margin-left: 10px;
  }
  #area_box{
     display: flex;
     width: 280px;
     flex-wrap: nowrap;
     .select_it1{
       margin-left: 10px;
     }
  }
  .btn_box{
    transform: translate(1px,-14px);
    .btn1{
      width: 80px;
      height: 32px;

    }
    .btn2{
      margin-left: 12px;
    }
  }
}

`
export {
  HeaderStyle
}